<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/lesson.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_803642_t9rfj2v1cj.css" />
	</head>

	<body>
		<div class="wrap">
			<header>
				<div class="head-bar">
					<label for="toUser-btn"><div class="more">
						<i class=" iconfont icon-iconmore"></i>
					</div></label>

					<img src="images/logo.png" alt="logo">
					<a href="search.html">
					<div class="fangdajing">
						<i class="iconfont icon-fangdajing"></i>

					</div></a>
					<label for="toLogin-btn">
						<i class="iconfont icon-person"></i>
					</label>

				</div>
				<div class="banner">
					<img src="images/06.jpg" />
					<div class="mask">
						<div class="text fl">
							<p class="big">预装软件的红与黑！从加法到减法</p>

						</div>
						<div class="date-local ">
							<ul>
								<li class="date">
									<img src="images/clock.png" />
									<span>10月19日 14:00 - 17:30</span>
								</li>
								<li class="local">
									<img src="images/local.png" />
									<span>金广大厦二楼</span>
								</li>
							</ul>
						</div>
					</div>
				</div>

			</header>
			<section>
				<div class="list-contain">

					<div class="list-item">
						<div class="touxiang">

						</div>
						<div class="person">
							<p class="name">KIMIN</p>
							<p class="zhiwei">网络互动中心设计师</p>
						</div>
						<a href="#" class="clearfix">
							<div class="yuye-btn">
								<p>预约报名</p>
							</div>
						</a>
						<div class="classify">
							<p class="left fl">高端移动应用开发</p>
							<p class="right fr">10月19日 14:00 - 17:30</p>
						</div>
						<div class="lesson-img">
							<img src="images/cour_01.png"/>
						</div>
					</div>
				</div>
				<div class="list-contain">

					<div class="list-item">
						<div class="touxiang">

						</div>
						<div class="person">
							<p class="name">KIMIN</p>
							<p class="zhiwei">网络互动中心设计师</p>
						</div>
						<a href="#" class="clearfix">
							<div class="yuye-btn">
								<p>预约报名</p>
							</div>
						</a>
						<div class="classify">
							<p class="left fl">高端移动应用开发</p>
							<p class="right fr">10月19日 14:00 - 17:30</p>
						</div>
						<div class="lesson-img">
							<img src="images/cour_01.png"/>
						</div>
					</div>
				</div>
			</section>
			<div class="tabbar clearfix">
				<a href="index.html">
					<div class="shouye">
						<i class="iconfont icon-shouye"></i>
						<p>首页</p>
					</div>
				</a>
				<a href="GIMC.html">
					<div class="tabar_logo">
						<i class="iconfont icon-yingxionglianmeng"></i>
						<p>GIMC</p>
					</div>
				</a>
				<a href="article.html">
					<div class="wenzhang">
						<i class="iconfont icon-bi"></i>
						<p>文章</p>
					</div>
				</a>
				<a href="ziyuan.html">
					<div class="ziyuan">
						<i class="iconfont icon-ziyuanku"></i>
						<p>资源</p>
					</div>
				</a>
				<a href="lesson.html">
					<div class="xueyuan">
						<i class="iconfont icon-tangxueyuan"></i>
						<p>学院</p>
					</div>
				</a>

			</div>
		</div>
	</body>

</html>